@import './sidebar.less';

/**
 * public
 */
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
  color: @textColor;
  font-size: @textSize;
  line-height: 1;
}
a {
  color: @textColor;
  text-decoration: none;
}
.text_overflow_cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.clear {
  clear: both;
}
.clearfix::after {
  content: '';
  height: 0;
  visibility: hidden;
  clear: both;
  display: block;
}
.clearfix {
  zoom: 1;
}

/**
 * scrollbar style
 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb:hover {
  background-color: #bfc0c2;
}
// ::-webkit-scrollbar-track-piece {
//   background-color: rgba(0, 0, 0, 0);
// }
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #d8d8d8;
  transition: backgroundColor 0.3s ease;
}
::-webkit-scrollbar-thumb:vertical {
  height: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
  width: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #7f7f7f;
}

/**
 * app style
 */
.el-notification {
  a {
    color: @primaryColor;
    text-decoration: underline;
  }
}
.tableHead {
  height: 58px;
  line-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  // background-color: #fff;
  font: 1em sans-serif;
  font-size: 16px;
  background: #fff;
}

.tableHead.tabletitle {
  padding-right: 15px;
}

.el-collapse-item__header {
  // background-color: #fff;
  font-size: 14px;
  padding: 0 20px;
}
//标题过长显示...
.long-title {
  text-align: left;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialogBottmView {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border-top: 1px solid #e9e9e9;
  padding: 10px 20px;
  background: #fff;
  text-align: right;
  z-index: 9;
}
.mtop {
  margin-top: 20px;
}

//reset dropdown bg-color

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: @btnColor !important;
}
.el-checkbox__inner {
  &:hover {
    border-color: @btnColor !important;
  }
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: @btnColor !important;
  border-color: @btnColor !important;
}

.el-checkbox__input.is-checked {
  .el-checkbox__inner {
    background-color: @btnColor !important;
    border-color: @btnColor !important;
    &:hover {
      border-color: @btnColor !important;
    }
  }
  & + .el-checkbox__label {
    color: @btnColor !important;
  }
}

// reset button bg-color and text color
.el-button--text {
  color: @btnColor !important;
  &:hover {
    color: @btnColor-alpha70 !important;
  }
}
.el-button.is-disabled{
  color: #c0c4cc !important;
}
//搜索按钮的颜色
.el-form-item__content .el-input-group {
  .el-button--default {
    border-color: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
  }
}

.el-button--default {
  border-color: @btnColor !important;
  color: @btnColor !important;
  background-color: #fff !important;
  &:hover,
  &:active,
  &:focus {
    border: 1px solid @btnColor-alpha70 !important;
    color: @btnColor-alpha70 !important;
    background-color: #fff !important;
  }
}

.el-button--primary {
  color: #fff !important;
  background-color: @btnColor !important;
  border-color: @btnColor-alpha70 !important;
  &:hover,
  &:active,
  &:focus {
    color: #fff !important;
    background-color: @btnColor-alpha70 !important;
    border-color: @btnColor-alpha70 !important;
  }
}
.el-button--primary.is-disabled {
  color: #fff !important;
  background-color: @btnColor-alpha30 !important;
  border-color: @btnColor-alpha30 !important;
}

//reset topfilter .el-input-group__append color
.el-input-group__append {
  background-color: @btnColor-alpha30 !important;
  color: #fff !important;
  border: 1px solid #dcdfe6 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

// reset pagination color
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #fff !important;
}
.el-pagination.is-background.pagination {
  padding: @modulePadding 0;
  text-align: right;
  color: @btnColor !important;

  .el-pagination__jump {
    margin-left: 0;
    /*  .el-input.is-active .el-input__inner,
    .el-input__inner:focus {
      border-color: @btnColor !important;
    } */
  }
  .el-pager li.active {
    background-color: @btnColor !important;
  }
}
.el-input__inner:hover {
  border-color: @btnColor !important;
}
/* .el-pagination__sizes .el-input .el-input__inner {
  &:hover {
    border-color: @btnColor !important;
  } */

.el-select .el-input.is-focus .el-input__inner {
  border-color: @btnColor !important;
}
.el-select-dropdown__item.hover {
  background-color: rgba(111, 119, 102, 0.15) !important;
}

//reset topfilter input hover
.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: @btnColor !important;
}
.el-select-dropdown__item.selected {
  color: @btnColor !important;
}

//reset table-hover or selected bgcolor
.table-wrapper .el-table__body .el-table__row:hover {
  background:  rgba(235,236,234,1)!important;
}
.table-wrapper .el-table__body .selection-row {
  background: rgba(235,236,234,1)!important;
}
.table-wrapper .el-table__body .hover-row {
  background: rgba(235,236,234,1)!important;  ;
}

//reset table warning color
.el-link.el-link--warning {
  color: #fa8c4b !important;
}
.el-link.el-link--warning.is-underline:hover:after,
.el-link.el-link--warning:after {
  border-color: #fa8c4b !important;
}

//reset icon color and reset topInfo color
.top-info {
  .alert {
    .el-icon-info {
      color: #fa8c4b !important;
    }
  }
  .el-alert--info.is-light {
    background-color: rgba(250, 140, 75, 0.1) !important;
    border: 0px !important;
  }
}
.el-alert__content {
  i {
    color: #fa8c4b !important;
  }
}
//reset .el-form-item.is-required color
.form-panel .el-col .el-form-item.is-required .el-form-item__label {
  color: #606266 !important;
}
//reset .el-tabs active-bar color and bgcolor
.el-tabs__active-bar {
  background-color: @btnColor !important;
}
.el-tabs__item.is-active {
  color: @btnColor !important;
}
.el-tabs__item:hover {
  color: @btnColor !important;
}
//reset dropdown-menu color
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: rgba(111, 119, 102, 0.15) !important;
  color: @btnColor !important;
}

.el-switch.is-checked .el-switch__core {
  border-color: @btnColor !important;
  background-color: @btnColor !important;
}
.el-switch__label.is-active {
  color: @btnColor !important;
}
.el-dialog__headerbtn:hover .el-dialog__close {
  color: @btnColor !important;
}
.el-card:hover {
  background-color: @btnColor-alpha30 !important;
}
  .el-textarea__inner:focus {
    border-color: @btnColor !important;
}
.multi-wrap .multi-tab .el-tabs__header .el-tabs__nav .el-tabs__item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.multi-wrap .multi-tab .el-tabs__header .el-tabs__nav .is-active {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

.el-table__body tr.current-row > td {
  background-color: rgba(111, 119, 102, 0.15) !important;
}
.el-date-table td.available:hover {
  color: @btnColor !important;
}
.el-date-table td.current:not(.disabled) span {
  background-color: @btnColor !important;;
}
.el-date-table td.today span {
  color: @btnColor !important;
}
.el-picker-panel__shortcut:hover {
  color: @btnColor !important;
}
.el-picker-panel__icon-btn:hover{
  color: @btnColor !important;
}
.el-date-picker__header-label:hover{
  color: @btnColor !important;
}

//日期点击后悬浮的颜色
.el-year-table td .cell:hover,.el-month-table td .cell:hover{
  color: @btnColor !important;
}

.el-year-table td.today .cell,.el-month-table td.today .cell{
  color: @btnColor !important;
}
